<!DOCTYPE html>
<html>
<head>
<title>文件上传</title>
<#include "header.html">

</head>
<body>

<div id="app">
    <!--<mt-tabbar v-model="selected">-->
        <!--<mt-tab-item v-for="i in tabs" :id="i.name" :key="i.name" @click.native="change(i)">-->
            <!--<img slot="icon" :src="selected==i.name ? i.active : i.base">-->
            <!--{{i.name}}-->
        <!--</mt-tab-item>-->
    <!--</mt-tabbar>-->
    <mt-tabbar v-model="selectedValue" fixed>
        <mt-tab-item id="mainId" @click.native="change(i)" >

            <img slot="icon" src="${request.contextPath}/statics/plugins/wx/img/tab/maina.png">

            主页
        </mt-tab-item>
        <mt-tab-item id="traId" >

            <img   slot="icon" src="${request.contextPath}/statics/plugins/wx/img/tab/maina.png">

            行程
        </mt-tab-item>
        <mt-tab-item id="signId">

            <img slot="icon" src="${request.contextPath}/statics/plugins/wx/img/maina.png">

            签到
        </mt-tab-item>
        <mt-tab-item id="myId">

            <img  slot="icon" src="${request.contextPath}/statics/plugins/wx/img/maina.png">

            我的
        </mt-tab-item>
    </mt-tabbar>
</div>

${aa}
</body>

<script>

      var tabs = [
               {
                 active: "${request.contextPath}/statics/plugins/wx/img/tab/maina.png",
                 base: "${request.contextPath}/statics/plugins/wx/img/tab/main.png",
                 path: "/index",
                 name: '首页'
               },
               {
                 active: "${request.contextPath}/statics/plugins/wx/img/tab/tra.png",
                 base: "${request.contextPath}/statics/plugins/wx/img/tab/tr.png",
                 path: "/category",
                 name: '行程'
               },
               {
                 active: "${request.contextPath}/statics/plugins/wx/img/tab/sa.png",
                 base: "${request.contextPath}/statics/plugins/wx/img/tab/s.png",
                 path: "/article",
                 name: '签到'
               },
               {
                 active: "${request.contextPath}/statics/plugins/wx/img/tab/persona.png",
                 base: "${request.contextPath}/statics/plugins/wx/img/tab/person.png",
                 path: "/myhome",
                 name: '我的'
               },
             ];


    new Vue({
        el: '#app',
        created: function(){
            this.selected='首页';
            this.tabs=tabs

        },
        methods: {
            change(i) {
                console.log('i', i)

            }
        }
    })
</script>
</html>